<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS 2.1 Test Suite: font-weight</title>
  <style type="text/css"><![CDATA[
   p, h4 { color: navy; }
   .one {font-weight: bold;}
   .two {font-weight: bolder;}
   .three {font-weight: lighter;}
   .four {font-weight: 100;}
   .five {font-weight: 300;}
   .six {font-weight: 500;}
   .seven {font-weight: 700;}
   .eight {font-weight: 900;}
   .nine {font-weight: normal;}
   b {font-weight: lighter;}
  ]]></style>
  <link title="15.6 Font boldness: the &apos;font-weight' property" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" rel="help"/>
 </head>
 <body>
  <p> This sentence should be normal. </p>
  <p class="two"> This sentence should be bolder than normal. </p>
  <p class="one"> This sentence should be bold. </p>
  <h4> Whatever this line looks like... </h4>
  <h4 class="two"> ...this line should look bolder (or the same).</h4>
  <p> <b>This sentence should be normal.</b> </p>
  <p class="four"> This sentence should be very light. </p>
  <p class="five"> This sentence should be slightly bolder (or the same). </p>
  <p class="six"> This sentence should be slightly bolder again (or the same). </p>
  <p class="seven"> This sentence should be slightly bolder still (but not the same). </p>
  <p class="eight"> This sentence should be the most bold (and maybe the same as the last one). </p>
  <p class="one">
   This sentence should be bold.
   <span class="nine"> This sentence should be normal.</span>
  </p>
 </body>
</html>